<template>
  <div class="breadcrumb">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/huanyi' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item
        ><b>{{ name1 }}</b></el-breadcrumb-item
      >
      <el-breadcrumb-item :key="key"
        ><b>{{ name2 }}</b></el-breadcrumb-item
      >
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  props: ["name1", "name2"],
  computed: {
    key() {
      return this.$route.path;
    }
  }
};
</script>

<style lang="scss" scoped>
.el-breadcrumb {
  font-size: 18px;
  color: black;
  position: absolute;
  margin-top: 20px;
}
</style>
